﻿<html lang="en">
<head>
<title>NAN-NAN Shopping mall,</title>
	<meta charset="UTF-8">
	<title>Document</title>
	<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<style>
	body{
		font-family:"仿宋加粗";
		font-size:20;
	}
	.a{
		font-family:"仿宋";
		font-size:18;
	}
	
	body > div > div > div > div.col-sm-6.col-md-4 > div > div > h3{
		color:orange;
	}
	body > div.row > div > div > div.row > div.col-sm-6.col-md-4 > div > div > h3{
		color:orange;	
	}
	body > div.row > div > div > div.row > div.row > div > div > div > h3{
		color:orange;		
	}
	body > div.row > div.col-md-8.col-md-offset-2 > div > div.row > div:nth-child(3) > div.row > div > div > div > h3{
		color:orange;
	}
	#s{
		font-family:"仿宋";
		font-size:21;
		color:red;
	}
	body > div.navbar-wrapper > div > nav > div > div.navbar-header > a{
		font-family:"仿宋加粗";
		font-size:25;
		color:blue;
		
	}
	a:hover{
	background:orange;
	}

	.menu{
		text-align:left;
	}
	
</style>

</head>
<body>
	
	<div class="navbar-wrapper">
	
	</div>
		<div class="container">
			<nav  class=navbar navbar-inverse navbar-static-top" style="background-color:pink;">
				<div class="container">
					<div class="navbar-header" >
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
						<a class="navbar-brand" href="https://www.tmall.com/?spm=a220m.1000858.a2226n0.1.6ba027f3tRdqXT">Welcome to shopping!</a>
					</div>
					<div id="navbar" class="navbar-collapse collapse">
					    <ul class="nav navbar-nav">
						<li class="active"><a href="#">Shopping order</a></li>
						<li><a href="#about">Membership service</a></li>
						<li><a href="#contact">Enterprise procurement</a></li>
						<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> More...<span class="caret"></span></a>
						<ul class="dropdown-menu">
							<li><a href="#">Help center</a></li>
							<li><a href="#">Online services</a></li>
							<li><a href="#">Business background</a></li>
							<li role="separator" class="divider"></li>
							<li><a href="#">Cooperation with merchants</a></li>
							<li><a href="#">Market service</a></li>
							<li class="dropdown-header">More choice</li>
						</ul> 
						</li>
						<li>
							<div id="navbar" >
							  <form class="navbar-form navbar-right">
								<div class="form-group">
								  <input type="text" placeholder="搜索关键字..." class="form-control">
								</div>
								<button type="submit" class="btn btn-success">search</button>
							  </form>
							</div>
						</li>
					  </ul>
					</div>
				  </div>
				</nav>
			  </div>
			</div>
		<div id="menu_tab">
		<ul class="menu">
			<li><a href="https://www.jd.com/"class="nav">首页</a></li>
			<li><a class="nav" href="https://www.jd.com/allSort.aspx">商品展示</a></li>
			<li><a class="nav" href="https://miaosha.jd.com/">秒杀</a></li>
			<li><a class="nav" href="https://fxhh.jd.com/?linkIds=1892754,1998262,2326523,1551015">发现好货</a></li>
			<li><a class="nav" href="https://a.jd.com/">领劵中心</a></li>
			<li><a class="nav" href="https://passport.jd.com/new/login.aspx?ReturnUrl=https%3A%2F%2Fplus.jd.com%2Findex%3Fflow_system%3Dappicon%26flow_entrance%3Dappicon11%26flow_channel%3Dpc">会员中心</a></li>
			
		</ul>

	<div class="row">
	<div class="col-md-8 col-md-offset-2">
<div class="row">
  <div class="col-sm-6 col-md-4">
    <div class="thumbnail">
      <img src="3.jpg" alt="..." class="img-thumbnail" style="width:210px;height:210px;">
      <div class="caption">
        <h3>Summer shirt dress woman short sleeved cotton Cube</h3>
        <p class="a">In the new dress of the new dress, the long stripe skirt of pure cotton a is elegant and slim.</p>
		<p id="s">Price: 130</p>
        <p><a href="#" class="btn btn-primary" role="button">Add to cart</a> <a href="#" class="btn btn-default" role="button">Buy now</a></p>
      </div>
    </div>
  </div>
  <div class="row">
  <div class="col-sm-6 col-md-4">
    <div class="thumbnail">
      <img src="2.jpg" alt="..." class="img-thumbnail" style="width:210px;height:210px;">
      <div class="caption">
        <h3>Summer shirt dress woman short sleeved cotton Cube</h3>
        <p class="a">In the new dress of the new dress, the long stripe skirt of pure cotton a is elegant and slim.</p>
		<p id="s">Price: 130</p>
        <p><a href="#" class="btn btn-primary" role="button">Add to cart</a> <a href="#" class="btn btn-default" role="button">Buy now</a></p>
      </div>
    </div>
  </div>
  <div class="row">
  <div class="col-sm-6 col-md-4">
    <div class="thumbnail">
      <img src="4.jpg" alt="..." class="img-thumbnail" style="width:210px;height:210px;">
      <div class="caption">
        <h3>Summer shirt dress woman short sleeved cotton Cube</h3>
        <p class="a">In the new dress of the new dress, the long stripe skirt of pure cotton a is elegant and slim.</p>
		<p id="s">Price: 130</p>
        <p><a href="#" class="btn btn-primary" role="button">Add to cart</a> <a href="#" class="btn btn-default" role="button">Buy now</a></p>
      </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-sm-6 col-md-4">
    <div class="thumbnail">
      <img src="110.jpg" alt="..." class="img-thumbnail" style="width:210px;height:210px;">
      <div class="caption">
        <h3>Xiaomi/ mi mi NOTE 3 photo selfie big screen blue NOTE 3.</h3>
        <p class="a">Game business smartphone.The machine delivers 60 yuan ticket + rice pink card.</p>
		<p id="s">Price:1799.00 to 1799.00</p>
        <p><a href="#" class="btn btn-primary" role="button">Add to cart</a> <a href="#" class="btn btn-default" role="button">Buy now</a></p>
      </div>
    </div>
  </div>
 
<div class="row">
  <div class="col-sm-6 col-md-4">
    <div class="thumbnail">
      <img src="330.jpg" alt="..." class="img-thumbnail" style="width:210px;height:210px;">
      <div class="caption">
        <h3>CITIZEN watch in west iron city watch the night light waterproof.</h3>
        <p class="a">Light kinetic energy men's watch aw0010-01ab conveyor belt.</p>
		<p id="s">Price:1199.00 to 1199.00</p>
        <p><a href="#" class="btn btn-primary" role="button">Add to cart</a> <a href="#" class="btn btn-default" role="button">Buy now</a></p>
      </div>
    </div>
  </div>
</div>



</div>
</div>
</div>
</div>





</body>
</html>